// 如果需要在组件中使用store中的数据以及方法需要使用ComponentWithStore代替Component方法
import { ComponentWithStore } from "mobx-miniprogram-bindings";
// 导入numStore对象
import { numStore } from "../../stores/numstore";
ComponentWithStore({
  storeBindings: {
    // 用于配置当前组件需要使用哪些store
    store: numStore,
    // fields和actions有两种方法，数据/对象写法
    // 1.数组写法
    // 配置当前组件需要使用store中的哪些数据
    /* fields: ["numA", "numB", "sum"],
    // 配置当前组件需要使用store中的哪些方法
    actions: ["update"], */
    // 2.对象写法
    fields: {
      // 如果fileds为对象写法，数据也有两种写法
      // 1.映射式
      /* A: "numA",
      B: "numB",
      total: "sum", */
      // 2.函数式
      A: () => numStore.numA,
      B: () => numStore.numB,
      total: () => numStore.sum,
    },
    actions: {
      // 只有映射写法
      update: "update",
    },
  },
  // 注意:在从store对象中引入数据和方法后，如果是数据会被注入到data对象中，如果是方法会被注入到methods对象中，在模板中可以直接使用
  data: {},
  methods: {},
});
